<ul class="inner">
    <li class="HeaderSwitcherItem">
        <a class="link" id="expbtn">
            <div class="label">全部经验</div>
        </a>
    </li>

    <li class="HeaderSwitcherItem">
        <a class="link" id="chikui">
            <div class="label">chikui</div>
        </a>
    </li>
    <li class="HeaderSwitcherItem">
        <a class="link" id="huasuan">
            <div class="label">huasuan</div>
        </a>
    </li>
    <li class="HeaderSwitcherItem">
        <a class="link" id="xinqi">
            <div class="label">xinqi</div>
        </a>
    </li>
    <li class="HeaderSwitcherItem">
        <a class="link" id="dianying">
            <div class="label">dianying</div>
        </a>
    </li>
    <li class="HeaderSwitcherItem">
        <a class="link" id="fandian">
            <div class="label">fandian</div>
        </a>
    </li>
    <li class="HeaderSwitcherItem">
        <a class="link" id="youwan">
            <div class="label">youwan</div>
        </a>
    </li>
    <li class="HeaderSwitcherItem">
        <a class="link" id="shu">
            <div class="label">shu</div>
        </a>
    </li>
    <li class="HeaderSwitcherItem">
        <a class="link" id="qita">
            <div class="label">qita</div>
        </a>
    </li>
    <li class="HeaderSwitcherItem" style="display:none;">
        <a class="link" id="exphei">
            <div class="label">高额区</div>
        </a>
    </li>
    <li class="HeaderSwitcherItem">
        <a class="link" id="expnear">
            <div class="label">附近</div>
        </a>
    </li>
    <li class="HeaderSwitcherItem is_active">
        <a class="link" id="friexp">
            <div class="label">好友经验</div>
        </a>
    </li>
    <li class="HeaderSwitcherItem">
        <a class="link" href="myquestionlist1nav.html">
            <div class="label">我的经验</div>
        </a>
    </li>
    <li class="HeaderSwitcherItem">
        <a class="link" id="askyou">
            <div class="label">召唤我</div>
        </a>
    </li>
    <li class="HeaderSwitcherItem">
        <a class="link" id="jyrulepage">
            <div class="label">规则说明</div>
        </a>
    </li>
</ul>
<script src="../js/jquery-1.11.3.js"></script>
<script>

    $.ajax({
        type:"get",
        url:"https://www.pulu.com/webapi/api/Pulu_fltype/Getpulu_fltype",
        datatype:"json",
        success:function(d){
            $.each(d.Data,function(n,j){
                console.log(j.id);
                console.log(j.name);
                switch(j.id){
                    case 1: $("#chikui>div").html(j.name);break;//吃亏
                    case 2: $("#huasuan>div").html(j.name);break;//划算
                    case 3: $("#xinqi>div").html(j.name);break;//新奇
                    case 4: $("#qita>div").html(j.name);break;//其他
                    case 5: $("#dianying>div").html(j.name);break;//电影
                    case 6: $("#fandian>div").html(j.name);break;//饭店
                    case 7: $("#youwan>div").html(j.name);break;//游玩
                    case 8: $("#shu>div").html(j.name);break;//书
                }
            });
        }
    });
</script>